@import 'common';

#nav {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    border-bottom: solid 1px #B3B3B3;
    background: #fafafa;
    .navlist {
        position: relative;
        height: 0.5rem;
        li {
            float: left;
            margin: 0;
            height: 0.5rem;
            width: 25%;
            a {
                width: 100%;
                display: inline-block;
                height: 0.5rem;
                border-right: 0.01rem solid #EAEAEA;
                text-align: center;
                span {
                    display: inline-block;
                    width: 0.5rem;
                    height: 0.5rem;
                    background: url("../img/icon.png") no-repeat 0 -0.46rem;
                    background-size: 2.14rem auto;
                }
                .active{
                    background-position: 0 -.46rem;
                }
                .active1{
                    background-position: -0.46rem 0;
                }
                .active2{
                    background-position: -1.6rem -0.46rem;
                }
                .active3{
                    background-position: -1rem -0.46rem;
                }
            }
        }
    }
}

.cart_content {
    margin: 0 auto;
    min-height: .3rem;
    position: relative;
    width: 99%;
    top: .5rem;
    left: 0;
    .null_shopping {
        text-align: center;
        color: #ccc;
        .cart_pic {
            background: url(../img/cart_pic.png) no-repeat center;
            height: .1rem;
        }
        h4 {
            text-indent: .1rem;
            font-size: .18rem;
            margin: .1rem 0;
        }
        p {
            a.enter {
                line-height: .03rem;
                width: auto;
                display: inline-block;
                background: none;
                color: #999;
                padding: 0.05rem;
                background-color: #fafafa;
                font-size: .15rem;
                height: .3rem;
                border: 1px solid #ddd;
                border-radius: 0.05rem;
            }
         }
    }
    .cartlist {
        width: 100%;
        padding-bottom: .06rem;
        li {
            margin: .1rem;
            min-height: 75px;
            overflow: hidden;
            background-color: #fff;
            box-shadow: 0 0 5px #ccc;
            border: 1px solid #f2f2f2;
            border-radius: 10px;
            a {
                display: block;
                overflow: hidden;
                padding-top: .1rem;
                padding-bottom: .1rem;
                border-bottom: 1px dashed #e7e7e7;
                span {
                    display: block;
                    overflow: hidden;
                    float: left;
                    img {
                        width: .5rem;
                    }
                }
                .carttitle {
                    font-family: "Microsoft YaHei";
                    font-size: .16rem;
                    font-weight: bold;
                }
                .mt15 {
                    margin-top: .15rem;
                }
                .pr10 {
                    padding-right: .1rem;
                }
                .pl10 {
                    padding-left: .1rem;
                }
            }
            .productoperate {
                display: block;
                overflow: hidden;
                margin-bottom: 0.05rem;
                border-bottom: 1px dashed #e7e7e7;
                padding-bottom: 0.15rem;
                .buylabel {
                    font-size: .16rem;
                    float: left;
                    margin: .15rem .1rem 0 .2rem;
                    font-family: "Microsoft YaHei";
                }
                .buynuminput {
                    float: left;
                    overflow: hidden;
                    margin: .12rem 0 0 .15rem;
                    .reduce {
                        float: left;
                        width: .35rem;
                        height: .25rem;
                        border: 0.01rem solid #ccc;
                        border-right: none;
                        cursor: pointer;
                        background: url(../img/reduce.gif) center center no-repeat;
                    }
                    .itnums {
                        float: left;
                        width: .8rem;
                        height: .25rem;
                        border: 0.01rem solid #ccc;
                        text-align: center;
                        font-size: .16rem;
                        color: #990000;
                        font-weight: 800;
                    }
                    .add {
                        float: left;
                        width: .35rem;
                        height: .25rem;
                        border: 0.01rem solid #ccc;
                        border-left: none;
                        cursor: pointer;
                        background: url(../img/add.gif) center center no-repeat;
                    }
                    .ds {
                        display: block;
                    }
                    .green {
                        color: #00b500;
                        font-weight: bold;
                    }
                    .delbtn {
                        width: 20px;
                        height: 24px;
                        float: left;
                        background: url(../img/del.png) center center no-repeat;
                        margin-left: 30px;
                        background-size: contain;
                        cursor: pointer;
                    }
                }
            }
        }
    }
}

.onthebottom {
    width: 100%;
    left: 0;
    position: fixed;
    bottom: 0;
    height: .5rem;
    border-bottom: solid 1px #B3B3B3;
    box-shadow: 0 1px 1px 0 #DFDFDF;
    z-index: 10000;
    margin: 0 auto;
    display: block;
    background: #f4f4f4;
    border-top: 1px solid #B3B3B3;
     .clearcart {
        width: .45rem;
        float: left;
        background: url(../img/del.png) left center no-repeat;
        padding-left: .3rem;
        font-size: .14rem;
        color: #0e69b6;
        height: .3rem;
        margin-top: .05rem;
        padding-top: .1rem;
        cursor: pointer;
        font-weight: bold;
        margin-left: .15rem;
    }
    .totalprice {
            float: left;
            margin: .15rem 0 0 .05rem;
            font-size: .14rem;
            .green {
                color: #00b500;
                font-weight: bold;
            }
        }
    .jiesuanbtn {
        margin-top: .1rem;
        margin-right: .15rem;
        float: right;
        font-size: .14rem;
        width: .8rem;
        height: .3rem;
        line-height: .3rem;
        background-color: #28c728;
        text-align: center;
        border: 1px solid #31b231;
        border-radius: .05rem;
        color: #fff;
        font-size: .16rem;
        cursor: pointer;
    }
}